<!DOCTYPE html>
<html>
<head>
<title>Social Eyes</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" />
<!-- Page styles -->
<link type='text/css' href='js/simple_modal/css/demo.css' rel='stylesheet' media='screen' />

<!-- Contact Form CSS files -->
<link type='text/css' href='js/simple_modal/css/basic.css' rel='stylesheet' media='screen' />

<!-- IE6 "fix" for the close png image -->
<!--[if lt IE 7]>
<link type='text/css' href='js/simple_modal/css/basic_ie.css' rel='stylesheet' media='screen' />
<![endif]-->

<!-- JS files are loaded at the bottom of the page -->
<script>
function dosubmit(){
	document.forms["frm"].submit(); alert("test");
	window.close();
}
</script>

</head>

<body id="socialeyesbody">
<br>
<div class="container">

<div class="loginBlock">

   <div class="logo"></div>
   <a href="#" class="fb"></a>
   <a href="fb_test/index.php" class="tw"></a>
   <a href="" class="mysp"></a>
   <a href="#" class="gp"></a>
  
</div>

<div class="feed">
<!-- Krishna Capture Content to post -->

<? $graph_url= "https://graph.facebook.com/me/photos?access_token=".$token;
         
         echo '<form name="frm" enctype="multipart/form-data" target="_blank" action=" '.$graph_url.' "method="POST">';
         echo 'Please choose a photo: ';
         echo '<input name="source" type="file"><br/><br/>';

         echo '<input type="submit" value="Upload" onclick="dosubmit()"/><br/>';
         echo '</form>';

?>
<form >
<!-- <a href="#" class="fbPhImg">Add Photo</a> -->
<textarea class="txtArea" name="msg" ></textarea>
<input type=hidden name="user_id" value="<?=$user_id?>">
<input  class="fbBtnstyle" type="submit" value="Post To Your Social Networks" name="submit" value="submit"/>
</form>

<!-- Krishna Capture Content to post -->
</div>

</div> <!-- end container -->
<script type="text/javascript">

var boxHeight = $("#socialeyesbody").height();
     var obj = new Object;
     obj.height = boxHeight+50;
     FB.Canvas.setSize(obj);
</script>
</body>

</html>
